<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(24.852874,121.553164), 14);
        map.setUIToDefault();
		var marker = new GMarker(new GLatLng(24.84823,121.552112));
		map.addOverlay(marker);
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml("烏來瀑布<br>"+
			                          "233台北縣烏來鄉<br>"+
									  '<a href ="http://">詳細資料</a>');
          });
        var marker2 = new GMarker(new GLatLng(24.84878,121.551785));
		map.addOverlay(marker2);
		GEvent.addListener(marker2, "click", function() {
			marker2.openInfoWindowHtml("烏來方景特定區<br>"+
			                          "台北縣烏來鄉瀑布路34號<br>02-2661-6355<br>"+
									  '<a href ="http://">詳細資料</a>');
          });
		var marker3 = new GMarker(new GLatLng(24.847967,121.551222));
		map.addOverlay(marker3);
		GEvent.addListener(marker3, "click", function() {
			marker3.openInfoWindowHtml("烏來活力村<br>"+
			                           '<a href ="http://clr.com.tw">clr.com.tw</a><br>'+
			                           "台北縣烏來鄉瀑布路33號<br>02-2661-6000<br>"+
									   '<a href ="http://">詳細資料</a>');
          }); 
		var marker4 = new GMarker(new GLatLng(24.845124,121.555867));
		map.addOverlay(marker4);
		GEvent.addListener(marker4, "click", function() {
			marker4.openInfoWindowHtml("雲仙樂園<br>"+
			                           '<a href ="http://yun-hsien.com.tw">yun-hsien.com.tw</a><br>'+
			                           "台北縣烏來鄉瀑布路1之1號<br>02-2661-6383<br>"+
									   '<a href ="http://">詳細資料</a>');
          });
		var marker5 = new GMarker(new GLatLng(24.864478,121.551683));
		map.addOverlay(marker5);
		GEvent.addListener(marker5, "click", function() {
			marker5.openInfoWindowHtml("烏來大飯店<br>"+
			                           '<a href ="http://mmmtravel.com.tw">mmmtravel.com.tw</a><br>'+
			                           "台北縣烏來鄉烏來街8號<br>02-2661-6445<br>"+
									   '<a href ="http://">詳細資料</a>');
          });
		var marker6 = new GMarker(new GLatLng(24.865081,121.551983));
		map.addOverlay(marker6);
		GEvent.addListener(marker6, "click", function() {
			marker6.openInfoWindowHtml("碧山閣飯店<br>"+
			                           "台北縣烏來鄉烏來街79號<br>02-2661-6342<br>"+
									   '<a href ="http://">詳細資料</a>');
          });
		var marker7 = new GMarker(new GLatLng(24.862959,121.551533));
		map.addOverlay(marker7);
		GEvent.addListener(marker7, "click", function() {
			marker7.openInfoWindowHtml("雙鹿溫泉飯店地址<br>"+
			                           "台北縣烏來鄉烏來街129號<br>02-2661-6396<br>"+
									   '<a href ="http://">詳細資料</a>');
          });
		var marker8 = new GMarker(new GLatLng(24.852874,121.553164));
		map.addOverlay(marker8);
		GEvent.addListener(marker8, "click", function() {
			marker8.openInfoWindowHtml("阿春小吃店<br>"+
			                           '<a href ="travel-web.com.tw">travel-web.com.tw</a><br>'+
			                           "台北縣烏來鄉烏來村烏來街109號<br>02-2661-7718<br>"+
									   '<a href ="http://">詳細資料</a>');
          });  
      }
    }

    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 800px; height: 600px"></div>
	<iframe style='width:500px; height:375px;' src='http://www.popfly.com/users/390329/project%20image.small' frameborder='no' allowtransparency='true'></iframe>
  </body>
</html>